"use client";
/*
 * @Author: hongbin
 * @Date: 2025-04-29 19:25:40
 * @LastEditors: hongbin
 * @LastEditTime: 2025-04-29 19:29:14
 * @Description:
 */
import { FC } from "react";
import { FlexDiv } from "@/styled";
import styled from "styled-components";
import Image from "next/image";

interface IProps {}

const Footer: FC<IProps> = () => {
    return (
        <SBFlexDiv dir='column'>
            <SImage
                src='/bg_b.png'
                alt='bg'
                width={2560}
                height={156}
                // fill
            />
            <SImage
                src='/bg_bb.png'
                alt='bg'
                width={2560}
                height={156}
                // fill
            />
        </SBFlexDiv>
    );
};

export default Footer;

const SBFlexDiv = styled(FlexDiv)`
    width: 100%;
    height: 156px;
    position: absolute;
    bottom: 0;

    & :nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
`;

const SImage = styled(Image)`
    /* opacity: 0.3; */
    width: 100%;
`;
